.c7nagile-BoardBody {
  table {
    table-layout: fixed;

    th,
    td {
      border: 1px solid #D8D8D8;
      text-align: center;
      background: white;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    thead {
      th {
        height: 40px;
        position: sticky;
        top: 0;
        z-index: 2;
        border-top: none !important;
        border-bottom: none !important;
        box-shadow:
          inset 0 1px 0 #D8D8D8,
          inset 0 -1px 0 #D8D8D8;
        padding: 1px 0;

        &:first-child {
          left: 0;
          z-index: 3;
          padding-left: 1px;
          padding-right: 1px;
          border-right: none;
          box-shadow:
            inset 0 1px 0 #D8D8D8,
            inset 0 -1px 0 #D8D8D8,
            inset -1px 0 0 #D8D8D8;
        }
        &:nth-of-type(2){
          border-left: none !important;
        }
      }
    }

    tbody {
      &:nth-of-type(1) tr:nth-of-type(1) td {
        border-top: none !important;        
      }

      td {
        vertical-align: top;
        position: relative;
        overflow: visible;

        &:first-child {
          vertical-align: middle;
          position: sticky;
          left: 0;
          z-index: 2;
          padding: 0 1px;
          box-shadow: inset -1px 0 0 #D8D8D8;
          border-right: none !important;
        }
        &:nth-of-type(2){
          border-left: none !important;
        }
      }
    }
  }
}
